<div class="comp-started">
    <div class="intro-list fn-flex-xcenter">
        <div class="list-item">
            <span class="icon icon-asset"></span>
            <dl class="item" style="width: 256px; margin-right: 16px">
                <dt class="item-title">{{ $t('started.title1') }}</dt>
                <dd class="item-info">
                    <p>{{ $t('started.info1') }}</p>
                </dd>
            </dl>
        </div>
        <div class="list-item">
            <span class="icon icon-efficient"></span>
            <dl class="item" style="width: 232px">
                <dt class="item-title">{{ $t('started.title2') }}</dt>
                <dd class="item-info">
                    <p>{{ $t('started.info2') }}</p>
                </dd>
            </dl>
        </div>
        <div class="list-item">
            <span class="icon icon-convinient"></span>
            <dl class="item" style="width: 216px">
                <dt class="item-title">{{ $t('started.title3') }}</dt>
                <!--{{$t('intro.dt3')}}-->
                <dd class="item-info">
                    <p>{{ $tc('started.info3', 1) }}</p>
                    <p>{{ $tc('started.info3', 2) }}</p>
                </dd>
            </dl>
        </div>
        <div class="list-item">
            <span class="icon icon-professional"></span>
            <dl class="item" style="width: 216px">
                <dt class="item-title">{{ $t('started.title4') }}</dt>
                <dd class="item-info">
                    <p>{{ $t('started.info4') }}</p>
                </dd>
            </dl>
        </div>
    </div>
</div>